body,html{
    height: 100%;
}

.shortVideo{
    margin-top:  1.2rem;
    height: 567px;
    overflow: auto;
    display: flex;
    flex-wrap:wrap;
    .shortVideo-item{
        width: 49%;
        height: 7.466667rem;
        margin: 1px;
        overflow: hidden;
        position: relative;
        img{
            height: 100%;
            position: absolute;
            left: -4.6rem;
        }
        p{
            position: absolute;
            z-index: 999;
            font-size: 0.426667rem;
            top: 5rem;
            color: white;
        }
        .user{
            position: absolute;
            display: flex;
            width: 100%;
            height: 50px;
            z-index: 999;
            bottom: 0;
            .userimg{
                width: 0.8rem;
                height: 0.8rem;
                img{
                    width: 0.8rem;
                    height: 0.8rem;
                    z-index: 999;
                    top: 10px;
                    left: 0.266667rem;
                    border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                }
            }
            span{
                display: block;
                width: 2.133333rem;
                margin-left: 15px;
                margin-top: 0.453333rem;
                color: white;
            }
            i{
                display: block;
                width: 0.6rem;
                height: 0.6rem;
                float: right;
                margin-top: 10px;
                background: url(//p1.meituan.net/moviemachine/5377c2c03dacf20b6e286e3e72dd57911272.png);
                background-size: 100% 100%;
            }
            b{
                margin-left: 0.133333rem;
                margin-top: 0.453333rem;
                color: white;
                font-weight: normal;
            }
        }
    }
}